<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" media="screen and (max-width:768px)" href="./css/mobile.css" />
  <title>太文院同修</title>
</head>
<body>
  @@include('@@webRoot/components/header.tpl')
  <div class="technologybaner">
    <div class="bg_color"></div>
    <div class="bg_img"
      style="background-image: url(http://p.cdn-static.cn/61962_16494787829652.png?imageView2/2/w/2000/q/75);"></div>
    <div class="more">
      <a href="">探索更多 << </a>
    </div>
  </div>
  <div class="ftab zcontainerain">
    <span>体验营</span>
    <span>修炼营</span>
    <span>践行营</span>
  </div>
  <div class="stabcontent zcontainerain">
    <div class="swiper tbSwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
      </div>
      <div class="swiper-button-next">
        <img src="./img/rs.jpg" alt="">
      </div>
      <div class="swiper-button-prev">
        <img src="./img/ls.jpg" alt="">
      </div>
    </div>
  </div>
  <div class="stabcontent zcontainerain">
    <div class="swiper tbSwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
      </div>
      <div class="swiper-button-next">
        <img src="./img/rs.jpg" alt="">
      </div>
      <div class="swiper-button-prev">
        <img src="./img/ls.jpg" alt="">
      </div>
    </div>
  </div>
  <div class="stabcontent zcontainerain">
    <div class="swiper tbSwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
        <div class="swiper-slide">
          <img src="http://p.cdn-static.cn/61962_16493217797745.jpg?imageView2/2/w/1714/q/75" alt="">
        </div>
      </div>
      <div class="swiper-button-next">
        <img src="./img/rs.jpg" alt="">
      </div>
      <div class="swiper-button-prev">
        <img src="./img/ls.jpg" alt="">
      </div>
    </div>
  </div>
  @@include('@@webRoot/components/footer.tpl')
  @@include('@@webRoot/components/goTop.tpl')
  <script src="./js/jquery-3.5.1.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/common.js"></script>
  <script>
    $('.ftab span').eq(0).addClass('on')
    $('.stabcontent').eq(0).show()
    swipers()
    $('.ftab span').on('click', function (params) {
      $(this).addClass('on').siblings().removeClass('on')
      var index = $(this).index('.ftab span')
      $('.stabcontent').eq(index).show().siblings('.stabcontent').hide()
      swipers()
    })
    function swipers(params) {
      var swiper = new Swiper(".tbSwiper", {
        observer: true,
        observeParents: true,
        initialSlide: 1,//默认第二个
        slidesPerView: 1,//可见个数2
        navigation: {
          nextEl: ".tbSwiper .swiper-button-next",
          prevEl: ".tbSwiper .swiper-button-prev",
        }
      });
    }
  </script>
</body>
</html>